<template>
    <A></A>
    <B></B>
</template>
<script>
import A from './A.vue';
import B from './B.vue';
export default{
    data(){
        return {
            hu:'hug'
        }
    },
    components:{
        A ,
        B    
    },
    // 要为组件后代提供数据(后代都也可以用)，需要使用到 provide() 函数： 
    provide(){
        return {
          hu:this.hu,
          app:this
        }
           
    }
}
</script>
<style>
*{
    margin: 0;
    padding: 0;
}
ul{
    list-style: none;
}
</style>